
<div class="default-label-with-icon" [ngClass]="properties.globalClass ? properties.globalClass : ''"
     (click)="labelWithIcon()"
     [ngStyle]="{'height': properties.height,
'line-height': properties.height, 'font-size': properties.fontSize, 'color': properties.color}">
    <div class="prefix-icon" *ngIf="properties.prefixIcon">
        <i class="iconfont"
           [ngClass]="properties.prefixIcon ? properties.prefixIcon : ''"></i>
    </div>
    <div class="default-label-with-icon-content">
        <div class="key">{{ properties.key }}</div>
        <div class="value" [ngStyle]="{'background': properties.background}">
          <div *ngIf="(properties.value || properties.value === 0) && !properties.datePipe && !properties.ionicDatetime"
               [ngStyle]="{'padding-right': valuePadding}">
            {{properties.value}}
          </div>

          <div *ngIf="properties.ionicDatetime" class="ion-datetime-warp">
            <ion-datetime
              [ngStyle]="{'height': properties.height, 'line-height': properties.height}"
              class="timeStyle" data-placeholder={{properties.placeholder}}
                          [pickerOptions]="{cssClass: 'ntrip-picker'}" doneText="确定" cancelText="取消"
                          data-displayFormat={{properties.datetimeFormat}}
                          data-pickerFormat={{properties.pickerFormat}}  [(ngModel)]="ionicDate"
                          (ngModelChange)="labelWithIcon($event)">
            </ion-datetime>
          </div>

          <div *ngIf="properties.ionToggle" data-flex="cross:center">
            <ion-toggle [(ngModel)]="properties.ionToggleChecked" data-disabled={{properties.ionToggleDisabled}}></ion-toggle>
          </div>

          <div *ngIf="properties.datePipe" data-flex="cross:center">
            <div>{{properties.value | date : properties.datePipeFormat}}</div>
          </div>

        </div>
    </div>
    <div class="suffix-icon" *ngIf="properties.suffixIcon">
        <i class="iconfont"
           [ngClass]="properties.suffixIcon ? properties.suffixIcon : ''"></i>
    </div>
</div>
